<template>
    <div class="project-almost">
        <div class="top-title">
           经销商项目—汇总
        </div>
        <div class="top-radio">
            <el-radio-group v-model="topRadio">
                <el-radio-button label="0">全部</el-radio-button>
                <el-radio-button label="2">自定义</el-radio-button>
            </el-radio-group>
            <el-date-picker v-model="topDate" type="daterange" range-separator="至" start-placeholder="开始日期"
                end-placeholder="结束日期" style="margin-left: 200px;" :disabled="topRadio == 0">
            </el-date-picker>
        </div>
        <div class="mid-context">
            <div>
                <el-radio-group v-model="topRadio">
                <el-radio-button label="0">已合作</el-radio-button>
                <el-radio-button label="2">停止合作</el-radio-button>
            </el-radio-group>
        </div>
            <el-table :data="tableData" border style="margin-top: 20px;">
                    <el-table-column prop="date" label="类目" :align="tableAlign">
                    </el-table-column>
                    <el-table-column prop="date" label="腾飞战队" :align="tableAlign">
                    </el-table-column>
                    <el-table-column prop="date" label="腾飞战队" :align="tableAlign">
                    </el-table-column>
                    <el-table-column prop="date" label="梦想战队" :align="tableAlign">
                    </el-table-column>
                    <el-table-column prop="date" label="梦想战队" :align="tableAlign">
                    </el-table-column>
                    <el-table-column prop="date" label="梦想战队" :align="tableAlign">
                    </el-table-column>
                    <el-table-column prop="date" label="梦想战队" :align="tableAlign">
                    </el-table-column>
                    <el-table-column prop="date" label="合计" :align="tableAlign">
                    </el-table-column>
                </el-table>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            topRadio:'0',
            topDate:'',
            tableAlign:'center',
        }
    },
}
</script>
<style lang="scss" scoped>
.project-almost {
    margin-top: 30px;
    width: 100%;

    .top-title {
        border-left: 8px solid #409eff;
        margin: 20px 0;
        padding: 3px 0 3px 25px;
        font-size: 18px;
        font-weight: bold;
    }

    .top-radio {
        display: flex;
        justify-content: center;
    }

    .mid-context {
        width: 100%;
    }
}
</style>